#main{
  position: relative;
  .main_bg{
    >a{
      display: block;
      width: 100%;
      height: 785px;
      background:url('../../images/zhu_bg.jpg') no-repeat center center;
    }
  }
  .main_content{
    position: absolute;
    width: 326px;
    height: 470px;
    background: #fff;
    top: 125px;
    left: 50%;
    margin-left: 74px;
    padding: 30px 40px 40px;
    .content_top{
      margin-bottom: 30px;
      >span{
        float: left;
        font-size: 24px;
      }
      >a{
        font-size: 16px;
        color: #00c8ff;
        float: right;
        margin-top: 7px;
        >i{
          font-size: 12px;
          color: #c4c4c4;
          margin-top: 6px;
        }
      }
    }
    .content_form{
      >form{
        position: relative;
        >label{
          display: block;
          font-size: 16px;
          color: #000;
          line-height: 21px;
          margin-bottom: 4px;
        }
        p{
          width:326px;
          height: 50px;
          >input{
            width: 314px;
            height: 20px;
            padding: 7px 0;
            padding-left: 10px;
            color: #6c6c6c;
            border: 1px #c4c4c4 solid;
            font-size: 16px;
          };
          #Txtidcode{
            float: left;
            width:165px
          }
          #changeCode{
            float: left;
            display: block;
            height: 36px;
          }
          #idcode{
            margin: 7px 0 0 21px;
            float: left;
            width: 75px;
            height: 20px;
          }
          #change_code{
            float: left;
            color: #00c8ff;
            margin: 9px 0 0 4px;
            cursor: pointer;
          }
          .error{
            color:#f00;
            font-size: 12px;
            font-family: "宋体";
          }
        };
        .phoneerror{
          position: absolute;
          right: 10px;
          top: 0px;
        }
        #but{
          margin-top: 8px;
          button{
            width: 326px;
            height: 36px;
            background: #00c8ff;
            color: #fff;
            text-align: center;
            line-height: 36px;
            font-size: 20px;
            border: 0;
            padding-left: 6px;
            cursor: pointer;
            margin-bottom: 15px;
          }
          >div{
            color: #6c6c6c;
            margin-bottom: 20px;
            font-size: 12px;
            >label{
              float: left;
              line-height: 14px;
              cursor: pointer;
              display: block;
              padding-left: 18px;
              background: url("../../images/sel.png") no-repeat 0 -40px;
            }
            .checked{
              background-position: 0 -60px;
            }
            >a{
              float: right;
              color: #6c6c6c;
              display: block;
              line-height: 14px;
            }
          }
        }
      }
    }
    .content_other{
      padding-top: 16px;
      border-top: 1px #e3e3e3 dotted;
      >p{
        color: #6c6c6c;
      }
      ul{
        margin: 14px 0 0 -20px;
        width: 346px;
        height: 60px;
        li{
          height: 30px;
          float: left;
          margin-left: 20px;
          >a{
            color: #6c6c6c;
            padding-left: 30px;
            display: block;
            height: 30px;
            line-height: 23px;
          }
        }
      }
    }
  }
}